﻿@{
    ViewBag.Title = "Quản lý loại Cơ sở Đoàn";
    Layout = "~/Views/Shared/BusinesstodayLayout/Backend/_1Col.cshtml";
}
<script type="text/javascript" src="../../Scripts/jquery-ui-1.8.11.min.js"></script>
<script type="text/javascript" src="../../Content/jorgchart/jquery.jOrgChart.js"></script>
<script type="text/javascript" src="../../Content/jorgchart/prettify.js"></script>
@*------UI Dialog -----------*@
<script src="@Url.Content("~/Scripts/uiDialog/jquery.effects.core.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/uiDialog/jquery.effects.fade.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />

<link rel="Stylesheet" href="../../Content/jorgchart/css/bootstrap.min.css" />
<link rel="Stylesheet" href="../../Content/jorgchart/css/custom.css" />
<link rel="Stylesheet" href="../../Content/jorgchart/css/jquery.jOrgChart.css" />
<link rel="Stylesheet" href="../../Content/jorgchart/css/prettify.css" />

<div class="wrapper col5">
    <div id="container">
        <div class="abc">
            <h2>Quản lý Loại Cơ sở Đoàn</h2>
        </div>
        <div style="display:inline-block; margin-left:80%">
            <a id="create" class="fakebutton" href="/UnionUnitType/Add" title="Thêm Loại Cơ sở đoàn">Thêm loại Cơ sở Đoàn</a>
        </div>
        <div>
            <ul id="org" style="display: none;">
                <li>Đoàn trường
                    <ul>
                        <li id="beer">
                            <a href="Edit/3">Liên Chi Đoàn</a> 
                            <ul>
                                <li>Chi Đoàn</li>
                            </ul>
                        </li>
                        <li>Câu lạc bộ - Đội nhóm </li>
                        <li>Chi Đoàn Các bộ trẻ </li>
                    </ul>
                </li>
        </div>
        <div id="chart" class="orgChart" align="center">
        </div>
    </div>
</div>

<script type="text/javascript" language="javascript">
    jQuery(document).ready(function () {
        $("#org").jOrgChart({
            chartElement: '#chart'
        });
        $('a.#create').live("click", function (event) { addItem(this, event); });
    });

    function addItem(tag, event) {
        event.preventDefault();
        var $url = $(tag).attr('href');
        var $title = $(tag).attr('title');
        var $dialog = $('<div></div>');
        $dialog.empty();
        $dialog
            .load($url)
			.dialog({
			    autoOpen: true
				, title: $title
				, width: 500
                , modal: true
				, minHeight: 200
                , show: 'fade'
                , hide: 'fade'
			});

    };
</script> 